<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="shortcut icon"  type="image/x-icon"  href= @{'/public/images/images_sites/favicon.ico'} >
<link href=@{'/public/stylesheets/css/style.css'} rel="stylesheet" type="text/css" />

<script type="text/javascript">
   function cancelarPedido(id){
	    
	    cancelar = confirm("Deseja realmente cancelar este pedido?");
	    if(cancelar==true){
	    	document.location = "/cancelar_pedido?id="+id;
	    	
	   
	    
	    }
   }
  


</script>









<title>Insert title here</title>

<style type="text/css">
  #topo{
     position:relative;
     width:980px;
     height:50px;
     background-color:#E0FFFF;
     border:medium;
     border-width:3px;
     border-style:ridge;
     }



</style>

</head>
<body>
<div>
     <a href= @{Application.inicial()}>Principal</a>
  </div>
  <div id="topo">
     <p>Ola ${usuario}
  </div>
  
  <div style="font-size:80%;">
  <a href="@{PaginasClienteCadastrado.alteracao_senha()}">Alterar Senha</a>&nbsp;
  <a href="@{PaginasClienteCadastrado.alteracao_dados()}">Alterar Dados cadastrais</a>&nbsp;
  <a href="@{PaginasClienteCadastrado.pagina_pedidos()}">Ver meus pedidos</a>&nbsp;
  <a href="@{PaginasClienteCadastrado.resumo_conta_cliente()}">Minha conta</a>
  </div>
  
  
  <div style="position:relative;top:5px;width:550px; height:450px;overflow: auto;border-style:solid;border-width:1px;border-color: #E0FFFF";>
     <table  border="1"   >
     
    <p> Pedidos em aberto</p>
       <tr>
         <td>numero</td>
         <td>situacao</td>
         <td>valor</td>
         <td>data do pedido</td> 
         <td>data ultima alteracao</td>
       </tr>
     
     #{list items:pedidos,as: 'pedido'}
       <tr>
         <td>  <a href=@{Application.detalhes_pedido( pedido.getNumero())}>${pedido.getNumero()}</a>  </td>
         <td>${pedido.getStatus()}</td>
         <td>${String.format("R\$ %.2f", pedido.getValorTotal())}</td>
         
         <td>${String.format("%d/%d/%d", pedido.getDataPedido().get(Calendar.DAY_OF_MONTH),
                                         pedido.getDataPedido().get(Calendar.MONTH)+1,
                                         pedido.getDataPedido().get(Calendar.YEAR))} </td>
         #{if pedido.getDataUltimaAlteracao()!=null}                                
         <td>${String.format("%d/%d/%d", pedido.getDataUltimaAlteracao().get(Calendar.DAY_OF_MONTH),
                                         pedido.getDataUltimaAlteracao().get(Calendar.MONTH)+1,
                                         pedido.getDataUltimaAlteracao().get(Calendar.YEAR))} </td>
         #{/if}
         #{else}<td>Ainda não checamos o seu pedido</>#{/else}
                                         
         #{if (!pedido.getStatus().equals("cancelado"))}                                
         <td><button name="botaoCancelarPedido" onclick=cancelarPedido(${pedido.getNumero()})>cancelar o pedido</button></td>
         #{/if}
       </tr>
     #{/list}


     </table>
     
  
  </div>

</body>
</html>